<template>
  <mu-container class="scrllor ">
    <mu-card class="advert-box" v-if="advert!==''">
      <img :src="advert" alt />
    </mu-card>
    <div class="response-single-box">


     <div class="response-single">
      <div class="response-single-title">
        <div class="circle">
          <span class="iconfont icon-duihao"></span>
        </div>
        <p class="sing-title">支付成功</p>
        <!-- <p class="sing-money">¥5555</p> -->
      </div>
      <div class="response-single-list ">
        <ul>
          <li>
            <span class="fleft">金额</span>
            <span class="fright"></span>
            <div class="_clear"></div>
          </li>
          <li>
            <span class="fleft">地址</span>
            <span class="fright"></span>
            <div class="_clear"></div>
          </li>
          <li>
            <span class="fleft">问题类型</span>
            <span class="fright"></span>
            <div class="_clear"></div>
          </li>
          <li>
            <span class="fleft">问题描述</span>
            <span class="fright"></span>
            <div class="_clear"></div>
          </li>



        </ul>
      </div>
    </div>
     </div>
     <div class="footer">

     </div>
  </mu-container>
</template>

<script>
export default {
  data() {
    return {
        advert:''
    };
  },
  mounted() {
    //广告
    this.$api.showAdvert(1002).then(res => {
      this.advert = res.data.result.imageUrl;
    });
  }
};
</script>

<style lang="scss" scoped>
.response-single-box .response-single .response-single-title .circle .iconfont{
  color:  #31D19E
}
</style>
